﻿html{background:url(../images/html.gif) repeat-x center top #d9f1cc;}
body {
	font-family: "微软雅黑", "宋体";
	font-size: 12px;
	margin:auto auto;
	color:#666666;
	
}
a{text-decoration:none; color:#424242;}
a:hover{text-decoration:underline; color:#FF6600;}
a:focus { outline: none; }
.ebook{text-align:center; background-color:#FFFFFF;}
hr{margin-top:-5px;}
.menu {
	height: 40px;
	display: block;
	padding: 0px;
	width: 1003px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align:center;
}

.menu ul {
			list-style: none;
			padding: 0;
			margin:0px;
}

.menu ul li {
	/* width and height of the menu items */  
	float: left;
	overflow: hidden;
	position: relative;
	line-height: 40px;
	text-align: center;
}

.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 90px;
			height: 40px;
			font-family: "微软雅黑", "宋体";
			font-size: 12px;
			font-weight:bold;
			text-decoration: none;
			cursor: pointer;
			
}

.menu ul li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0;
			width: 90px;
}

		.menu ul li a span.out {
			top: 0px;
}

		.menu ul li a span.over,
		.menu ul li a span.bg {
			/* hide */  
			top: -40px;
}

		/** 1st example **/

#menu1 {
	background-color: #E8E8E8;
	background-image: url(../images/menu_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#menu1 ul li a {
			color: #000;
			text-decoration:none;
}

#menu1 ul li a span.over {
			color: #FFF;
}

#menu1 ul li span.bg {
	/* height of the menu items */  
	height: 40px;
	background-image: url(../images/bg_over.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.border{1px solid #333333;}
.notic{ border:1px solid #333333;}
.notic a{ float:left; display:block;margin:5px 10px; height:30px; line-height:20px;}
.ruhuizhinan{padding:20px 10px; font-size:12px; line-height:25px; background:#f7faff;}

.ruhuizhinan li{margin-top:10px;}
table
{
margin:5px auto;
}
.liuyanban{ padding:5px 10px;}
.title{height:30px; padding:0px 20px; background-image:url(../images/title_bg.png); color:#0099FF;line-height:30px; font-size:16px; font-weight:bolder;}
.title a{display:inline;0px;width:10px; float:right; margin-top:-30px;margin-right:10px; font-size:12px; color:#999999;}
.txt{padding:20px 10px; font-size:12px; line-height:25px; background-color:#FFFFFF;}
	
/*图片切换*/
img {border:0} 
#pic{width:300px;height:250px;overflow:hidden; cursor:pointer; border:1px solid #0066FF;}
#play{position:absolute;margin-left:180px;margin-top:-25px; padding:0px 0px; }
#play a{text-decoration: none;background-color:#f7faff;width:15px;height:15px;color:#ac0710;display:block;float:left;text-align:center;line-height:15px;margin-right:1px; border:0px; cursor:pointer;}
/*图片切换*/

.sign{margin:auto; width:290px; height:200px; text-align:right;}
.input_user{height:20px; line-height:15px; width:160px;}
.input_password{; margin-top:10px;height:20px; line-height:15px;width:160px;}
.input_submit{ margin-left:150px; margin-top:20px;}

/*滑动门*/
.w936{margin:0px 0px;clear:both;width:300px; border:1px solid #333333;height:240px;/*整个滑动门的宽度*/}
.ctt{height:auto;clear:both;text-align:left; width:300px; height:240px; background-color:#f7faff;}
/*TAB切换效果*/
.tb_{background-image:url(../images/title_bg.png);font-size:16px; color:#0066FF; width:300px; margin:0px 0px; font-weight:bolder;}
.tb_ ul{width:300px; margin:0px 0px;}
.tb_ li{ display:block; float:left;height:33px;line-height:30px;width:80px; padding:0px 10px;cursor:pointer; text-align:center;}
/*用于控制显示与隐藏的css类*/
.normaltab{}
.hovertab{ background-color:#f7faff;}
.dis{display:block; line-height:35px; width:300px; height:240px; border:0px;padding: 20px 0px 0px 0px;}
.undis{display:none; line-height:30px; width:300px;  height:200px;border:0px;padding: 20px 0px 0px 0px;}

li{list-style:none;}
/********************************      Basic Structure      ********************************/
body{
          font-family: Arial, Helvetica, sans-serif;
          color: #555;
          font-size: 12px;
		  margin: 0;
		  padding: 0;
		  border: 0;
		  outline: 0;
   }
   
/********************************      main Page      ********************************/
#root{
		width:100%;
		height:100%;
	}

#top{
		background:url(../images/main_top.gif);
		width:100%;
		height:400px;
		z-index:-1;
	}
#service , #liushui ,#all , #cursor{
		width:60px;
		height:60px;
		position:relative;
	}
#service{
		background:url(../images/service.png);
		left:960px;
		top:80px;
	}
#liushui{
		background:url(../images/liushui.png);
		left:370px;
		top:80px;
		float:left;
	}
#liushui:hover{
		cursor:pointer;
		background:url(../images/co_liushui.png);
	}
#all{
		background:url(../images/all.png);
		left:550px;
		top:90px;
		float:left;
	}
#all:hover{
		cursor:pointer;
		background:url(../images/co_all.png);
	}
#service:hover{
		cursor:pointer;
		background:url(../images/co_service.png);
	}
#cursor{
		background:url(../images/cursor.png);
		left:900px;
		top:90px;
	}
#cursor:hover{
		cursor:pointer;
		background:url(../images/co_cursor.png);
	}
#mainpage{
		background:url(../images/mainpage.png);
		width:120px;
		height:40px;
		float:left;
		position:relative;
		left:100px;
		top:80px;
	}

/********************************      Login Page      ********************************/
body#login{
		color:#fff;
			background:url(../images/body_bg.jpg) no-repeat;
	width:100%;
	height:100%;

	}

#loginBox{
	background:url(../images/loginyuan.png) no-repeat;
	width:1024px;
	height:768px;
	margin:0 auto;
	}
#logo{
	width:978px;
	height:192px;
	margin-left: 50px;
	}
#loginname{
	padding:30px 0px 10px 20px;
	}
#loginpass{
	padding:0px 0px 0px 20px;
	}
#logincode{
	padding:10px 0px 0px 20px;
	height:25px;
	line-height:25px;
}
#loginsuccess{
		padding:30px 0px 0px 170px;
	}
#logintype{
	width:300px;
	margin:10px 0px 0px 110px;
	

	}
#loginsuccess img:hover{
		cursor:pointer;
	}
#loginBox label{	
		font-size:14px;
		padding-right:20px
	}
#loginname input ,#loginpass input{
		width: 200px;
		height:25px;
	}
#logincode input{
		width:80px;
		height:25px;
}
#logincode span{
		position:relative;
		top:6px
}
#login_box
{
	float:left;
	width:487px;
	height:230px;
	padding: 270px 0px 0px 329px;
}
#login_box_1
{ float:left;
width:300px;
height:180px;
}
#login_box_2
{
	float:left;
	width:176px;
	height:180px;

	
}
